<script setup>
    import {ref} from "vue"
    // 双向数据绑定练习
    const gender = ref("")
</script>

<template>
  <div>
    <span>
      <label for="male">男</label>
      <input type="radio" id="male" value="男" v-model="gender">
    </span>
    <span>
      <label for="female">女</label>
      <input type="radio" id="female" value="女" v-model="gender">
    </span>
    <h1>你选择了：{{ gender }}</h1>
  </div>

</template>

<style scoped>

</style>